<!DOCTYPE html>

<form action="/" method="post">
    <!-- 文本框 -->
    <label for="name">用户名：</label>
    <input type="text" id="name" name="name" required>
    <br>

    <!-- 密码输入框 -->
    <label for="password">密码：</label>
    <input type="password" id="password" name="password" required>
    <br>

    <!-- 单选按钮 -->
    <label>性别：</label>
    <input type="radio" id="male" name="gender" value="male" checked>
    <label for="male">男：</label>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">女</label>
    <br>

    <!-- 复选框 -->
    <input type="checkbox" id="subscribe" name="subscribe" checked>
    <label for="subscribe">订阅推送消息</label>
    <br>

    <!-- 下拉列表 -->
    <label for="country">国家：</label>
    <select id="country" name="country">
        <option value="cn">CN</option>
        <option value="usa">USA</option>
        <option value="uk">UK</option>
    </select>
    <br>

    <input type="submit" value="提交">
</form>
<p></p>

<form>
    <label>Name:
        <input name="submitted-name" autocomplete="name">
    </label>
    <button>Save</button>
</form>
<p></p>

<form method="post">
    <label>Name:
        <input name="submitted-name" autocomplete="name">
    </label>
    <button>Save</button>
</form>
<p></p>

<form method="post">
    <fieldset>
        <legend>Title</legend>
        <label><input type="radio" name="radio">Select me</label>
    </fieldset>
</form>
<br>

<iframe src="Div.html" name="iframe_a" width="200px" height="200px"></iframe>
<p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>

<p></p>
<p id="demo">
    JavaScript 可以触发事件，就像按钮点击。
</p>
<script>
    document.write("Hello World! ")
    function MyFunction()
    {
        document.getElementById("demo").innerHTML = "Hello JavaScript!"
    }
</script>
<button type="button" onclick="MyFunction()">点我</button>

<head>
    <link rel="stylesheet" type="CSS/css" href="CSS/Form.css">
</head>
